<template>
	<view>
		<uni-group title="组织活动">
			<uni-card title="活动展示" >
				<uni-card @click="xian" title="山东城市建设职业学院智慧党建应用案例">
					<image src="../../../static/zhihui/DangJian1.jpg.jpg" style="width: 100%;"></image>
					<view>随着移动互联网技术普及到生活、生产的方方面面，“移动党建”也成为各级党组织推进党建工作的</view>
					<button type="warn" @click.stop="baoming">报名</button>
				</uni-card>
			</uni-card>
			<uni-card title="活动分类:应用" @click="xian">
				<uni-card @click="xian" v-for="(item,index) in 2" title="山东城市建设职业学院智慧党建应用案例" thumbnail="../../../static/zhihui/DangJian1.jpg.jpg">
					<view>随着移动互联网技术普及到生活、生产的方方面面，“移动党建”也成为各级党组织推进党建工作的</view>
					<button type="warn" @click.stop="baoming">报名</button>
				</uni-card>
			</uni-card>
			<uni-card title="活动分类:科技" @click="xian">
				<uni-card @click="xian" v-for="(item,index) in 5" title="山东城市建设职业学院智慧党建应用案例" thumbnail="../../../static/zhihui/DangJian1.jpg.jpg">
					<view>随着移动互联网技术普及到生活、生产的方方面面，“移动党建”也成为各级党组织推进党建工作的</view>
					<button type="warn" @click.stop="baoming">报名</button>
				</uni-card>
			</uni-card>
		</uni-group>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			xian(){
				uni.navigateTo({
					url:'huoxianq'
				})
			},
			baoming(){
				uni.navigateTo({
					url:'baomin'
				})
			}
		}
	}
</script>

<style>

</style>
